PWA
本文章理论部分参考于 Progressive Web Apps (PWA) 中文版 一书
定义
PWA为渐进式网络应用 ( Progressive Web Apps )的缩写,更通俗的解释即为:可以离线加载内容的一种特殊网站,为什么要叫渐进式呢,主要是由于PWA的特点,在不支持的设备上浏览时,回加载传统的网站形式,如果设备支持的话,则可以通过缓存控制等等方式来实现更快的加载,离线数据等功能的PWA 应用(网站)
优点
利用PWA技术的网站有以下优点:
- 渐进式
- 可以离线加载部分内容
- 更可控的缓存机制
- 安全性高
- 类似原生的体验(可以在主屏幕放置入口,自定义的图标,消息推动,自定义首屏,自定义的报错提示)
- 节省资源,以及更快的打开速度(利用缓存机制)
- 避免了类似app的审核过程(例如苹果商店,谷歌商店)
技术要点
可以做到以上的优势,主要是由于以下几种技术
- Service Workers
- manifest(清单文件)
下面我们对这些关键技术点进行展开阐述